<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
    .mycenter{
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        height: 350px;
        width:500px;
        padding: 5%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .mycenter mysign{
        width: 440px;
    }
    .mycenter input,checkbox,button{
        margin-top:2%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .mycheckbox{
        margin-top:10px;
        margin-left: 40px;
        margin-bottom: 10px;
        height: 10px;
    }
    </style>
</head>
<body>
<form class="form-horizontal" action="/register_post" method="post">
    {% csrf_token %}
    <div class="mycenter">
    <div class="mysign">
        <div class="col-lg-11 text-center text-info">
            <h2>请注册</h2>
        </div>
        <div class="col-lg-10">
            <input type="text" class="form-control" name="username" placeholder="请输入账户名" required autofocus/>
        </div>
        <div class="col-lg-10"></div>
        <div class="col-lg-10">
            <input type="password" class="form-control" name="password" placeholder="请输入密码" required autofocus/>
        </div>
        <div class="col-lg-10">
            <button type="submit" class="btn btn-success col-lg-12">注册</button>
        </div>
    </div>
</div>
</form>

</body>
</html>